* {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

body,
input,
button,
textarea,
select,
option,
optgroup {
    font-family: "microsoft yahei", 宋体, Arail, verdana;
    font-size: 12px;
}

.clear:after,
.cfl:after,
.header_wrap:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

ul li {
    list-style-type: none;
}

.clear {
    clear: both;
}

img {
    vertical-align: middle;
}

* {
    margin: 0;
    padding: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0
}

caption,
th {
    text-align: left
}

div {
    font-size: 12px;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

em {
    font-style: normal;
}


/* flex布局 */

.u-f,
.u-f-ac,
.u-f-ajc {
    display: flex;
}

.u-f-ac,
.u-f-ajc {
    /* 设置侧轴对齐方式: 居中对齐 */
    align-items: center;
}

.u-f-ajc {
    /* justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 */
    justify-content: center;
}

.u-f-jsb {
    /* 项目位于各行之间留有空白的容器内。 */
    justify-content: space-between;
}

.u-f-jsa{
	justify-content: space-around;
}

.u-f-acc {
    /* align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。 */
    align-content: center;
}

.u-f1 {
    flex: 1;
}

.u-f-column {
    /* 灵活的项目将垂直显示，正如一个列一样。*/
    flex-direction: column;
}

.u-f-fleft {
    flex-flow: row wrap;
    align-content: flex-start;
}

.u-f-w {
    flex-wrap: wrap;
}

.u-f-bf-25 {
    flex: 0 0 25%
}

.u-f-bf-33 {
    flex: 0 0 32%
}

.u-f-bf-50 {
    flex: 0 0 50%
}

.u-f-bf-60 {
    flex: 0 0 60%
}

.u-f-bf-45 {
    flex: 0 0 45%
}

.u-f-bf-55 {
    flex: 0 0 55%
}

.u-f-bf-40 {
    flex: 0 0 40%
}

.hidden {
    display: none;
}

.clear-both {
    clear: both;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overfloat: hidden;
}

.text-center {
    text-align: center;
}

.bg-white {
    background-color: #fff;
}

.width-50 {
    width: 50px;
}

.width-100 {
    width: 100px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.width-250 {
    width: 250px;
}

.width-300 {
    width: 300px;
}

.width-350 {
    width: 350px;
}

.width-400 {
    width: 400px;
}

.width-450 {
    width: 450px;
}

.width-500 {
    width: 500px;
}

@media screen and (min-width: 1200px) {
	.width-1000 {
	    width: 1000px;
	    margin: 0 auto;
	    position: relative;
	}
}

@media screen and (max-width: 1200px) {
	.w100{
		width: 100%;
	}
}

.width-full {
    width: 100% !important;
    /*min-width: 1200px !important;*/
}

@media (max-width: 767px) {
    .width-xs-50 {
        width: 50px;
    }
    .width-xs-100 {
        width: 100px;
    }
    .width-xs-150 {
        width: 150px;
    }
    .width-xs-200 {
        width: 200px;
    }
    .width-xs-250 {
        width: 250px;
    }
    .width-xs-300 {
        width: 300px;
    }
    .width-xs-350 {
        width: 350px;
    }
    .width-xs-400 {
        width: 400px;
    }
    .width-xs-450 {
        width: 450px;
    }
    .width-xs-500 {
        width: 500px;
    }
    .width-xs-100pc {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .width-sm-50 {
        width: 50px;
    }
    .width-sm-100 {
        width: 100px;
    }
    .width-sm-150 {
        width: 150px;
    }
    .width-sm-200 {
        width: 200px;
    }
    .width-sm-250 {
        width: 250px;
    }
    .width-sm-300 {
        width: 300px;
    }
    .width-sm-350 {
        width: 350px;
    }
    .width-sm-400 {
        width: 400px;
    }
    .width-sm-450 {
        width: 450px;
    }
    .width-sm-500 {
        width: 500px;
    }
    .width-sm-100pc {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .width-md-50 {
        width: 50px;
    }
    .width-md-100 {
        width: 100px;
    }
    .width-md-150 {
        width: 150px;
    }
    .width-md-200 {
        width: 200px;
    }
    .width-md-250 {
        width: 250px;
    }
    .width-md-300 {
        width: 300px;
    }
    .width-md-350 {
        width: 350px;
    }
    .width-md-400 {
        width: 400px;
    }
    .width-md-450 {
        width: 450px;
    }
    .width-md-500 {
        width: 500px;
    }
}

@media (min-width: 1200px) {
    .width-lg-50 {
        width: 50px;
    }
    .width-lg-100 {
        width: 100px;
    }
    .width-lg-150 {
        width: 150px;
    }
    .width-lg-200 {
        width: 200px;
    }
    .width-lg-250 {
        width: 250px;
    }
    .width-lg-300 {
        width: 300px;
    }
    .width-lg-350 {
        width: 350px;
    }
    .width-lg-400 {
        width: 400px;
    }
    .width-lg-450 {
        width: 450px;
    }
    .width-lg-500 {
        width: 500px;
    }
}

.height-50 {
    height: 50px;
}

.height-100 {
    height: 100px;
}

.height-120 {
    height: 120px;
}

.height-150 {
    height: 150px;
}

.height-200 {
    height: 200px;
}

.height-250 {
    height: 250px;
}

.height-300 {
    height: 300px;
}

.height-350 {
    height: 350px;
}

.height-400 {
    height: 400px;
}

.height-450 {
    height: 450px;
}

.height-500 {
    height: 500px;
}

.height-full {
    height: 100% !important;
}

@media (max-width: 767px) {
    .height-xs-50 {
        height: 50px;
    }
    .height-xs-100 {
        height: 100px;
    }
    .height-xs-120 {
        height: 120px;
    }
    .height-xs-150 {
        height: 150px;
    }
    .height-xs-200 {
        height: 200px;
    }
    .height-xs-250 {
        height: 250px;
    }
    .height-xs-300 {
        height: 300px;
    }
    .height-xs-350 {
        height: 350px;
    }
    .height-xs-400 {
        height: 400px;
    }
    .height-xs-450 {
        height: 450px;
    }
    .height-xs-500 {
        height: 500px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .height-sm-50 {
        height: 50px;
    }
    .height-sm-100 {
        height: 100px;
    }
    .height-sm-120 {
        height: 120px;
    }
    .height-sm-150 {
        height: 150px;
    }
    .height-sm-200 {
        height: 200px;
    }
    .height-sm-250 {
        height: 250px;
    }
    .height-sm-300 {
        height: 300px;
    }
    .height-sm-350 {
        height: 350px;
    }
    .height-sm-400 {
        height: 400px;
    }
    .height-sm-450 {
        height: 450px;
    }
    .height-sm-500 {
        height: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .height-md-50 {
        height: 50px;
    }
    .height-md-100 {
        height: 100px;
    }
    .height-md-120 {
        height: 120px;
    }
    .height-md-150 {
        height: 150px;
    }
    .height-md-200 {
        height: 200px;
    }
    .height-md-250 {
        height: 250px;
    }
    .height-md-300 {
        height: 300px;
    }
    .height-md-350 {
        height: 350px;
    }
    .height-md-400 {
        height: 400px;
    }
    .height-md-450 {
        height: 450px;
    }
    .height-md-500 {
        height: 500px;
    }
}

@media (min-width: 1200px) {
    .height-lg-50 {
        height: 50px;
    }
    .height-lg-100 {
        height: 100px;
    }
    .height-lg-120 {
        height: 120px;
    }
    .height-lg-150 {
        height: 150px;
    }
    .height-lg-200 {
        height: 200px;
    }
    .height-lg-250 {
        height: 250px;
    }
    .height-lg-300 {
        height: 300px;
    }
    .height-lg-350 {
        height: 350px;
    }
    .height-lg-400 {
        height: 400px;
    }
    .height-lg-450 {
        height: 450px;
    }
    .height-lg-500 {
        height: 500px;
    }
}

.margin-0 {
    margin: 0 !important;
}

.margin-3 {
    margin: 3px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-25 {
    margin: 25px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-35 {
    margin: 35px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-45 {
    margin: 45px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-70 {
    margin: 70px !important;
}

.margin-80 {
    margin: 80px !important;
}

.margin-vertical-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-vertical-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.margin-vertical-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.margin-vertical-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.margin-vertical-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.margin-vertical-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.margin-vertical-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.margin-vertical-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.margin-vertical-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.margin-vertical-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.margin-vertical-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.margin-vertical-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.margin-vertical-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.margin-vertical-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.margin-vertical-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.margin-horizontal-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.margin-horizontal-3 {
    margin-right: 3px !important;
    margin-left: 3px !important;
}

.margin-horizontal-5 {
    margin-right: 5px !important;
    margin-left: 5px !important;
}

.margin-horizontal-10 {
    margin-right: 10px !important;
    margin-left: 10px !important;
}

.margin-horizontal-15 {
    margin-right: 15px !important;
    margin-left: 15px !important;
}

.margin-horizontal-20 {
    margin-right: 20px !important;
    margin-left: 20px !important;
}

.margin-horizontal-25 {
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.margin-horizontal-30 {
    margin-right: 30px !important;
    margin-left: 30px !important;
}

.margin-horizontal-35 {
    margin-right: 35px !important;
    margin-left: 35px !important;
}

.margin-horizontal-40 {
    margin-right: 40px !important;
    margin-left: 40px !important;
}

.margin-horizontal-45 {
    margin-right: 45px !important;
    margin-left: 45px !important;
}

.margin-horizontal-50 {
    margin-right: 50px !important;
    margin-left: 50px !important;
}

.margin-horizontal-60 {
    margin-right: 60px !important;
    margin-left: 60px !important;
}

.margin-horizontal-70 {
    margin-right: 70px !important;
    margin-left: 70px !important;
}

.margin-horizontal-80 {
    margin-right: 80px !important;
    margin-left: 80px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-3 {
    margin-top: 3px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-3 {
    margin-bottom: 3px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-3 {
    margin-left: 3px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-25 {
    margin-right: 25px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-35 {
    margin-right: 35px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-45 {
    margin-right: 45px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

@media (max-width: 767px) {
    .margin-xs-0 {
        margin: 0 !important;
    }
}

@media (min-width: 768px) {
    .margin-sm-0 {
        margin: 0 !important;
    }
}

@media (min-width: 992px) {
    .margin-md-0 {
        margin: 0 !important;
    }
}

@media (min-width: 1200px) {
    .margin-lg-0 {
        margin: 0 !important;
    }
}

.padding-0 {
    padding: 0 !important;
}

.padding-3 {
    padding: 3px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-25 {
    padding: 25px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-35 {
    padding: 35px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-45 {
    padding: 45px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-vertical-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-vertical-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.padding-vertical-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.padding-vertical-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.padding-vertical-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.padding-vertical-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.padding-vertical-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.padding-vertical-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.padding-vertical-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.padding-vertical-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.padding-vertical-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

.padding-vertical-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padding-vertical-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.padding-vertical-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.padding-vertical-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.padding-horizontal-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.padding-horizontal-3 {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.padding-horizontal-5 {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.padding-horizontal-10 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.padding-horizontal-15 {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.padding-horizontal-20 {
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.padding-horizontal-25 {
    padding-right: 25px !important;
    padding-left: 25px !important;
}

.padding-horizontal-30 {
    padding-right: 30px !important;
    padding-left: 30px !important;
}

.padding-horizontal-35 {
    padding-right: 35px !important;
    padding-left: 35px !important;
}

.padding-horizontal-40 {
    padding-right: 40px !important;
    padding-left: 40px !important;
}

.padding-horizontal-45 {
    padding-right: 45px !important;
    padding-left: 45px !important;
}

.padding-horizontal-60 {
    padding-right: 60px !important;
    padding-left: 60px !important;
}

.padding-horizontal-70 {
    padding-right: 70px !important;
    padding-left: 70px !important;
}

.padding-horizontal-80 {
    padding-right: 80px !important;
    padding-left: 80px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-3 {
    padding-top: 3px !important;
}

.padding-top-5 {
    padding-top: 20px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}


@media screen and (max-width: 767px) {
	.padding-top-25 {
		padding-top: 0.8rem;
	}
	.padding-top-70 {
	    padding-top: 1rem;
	}
	.padding-bottom-70 {
	    padding-bottom: 1rem;
	}
	.padding-horizontal-50 {
		padding: 0;
	}
	.margin-top-35 {
		margin-top: 2rem;
	}
	.padding-left-10 {
		padding-left: 4px;
	}
}

@media screen and (min-width: 767px) and (max-width: 1200px) {
	.padding-top-25 {
		padding-top: 1rem;
	}
	.padding-top-70 {
	    padding-top: 2.2rem;
	}
	.padding-bottom-70 {
	    padding-bottom: 2.2rem;
	}
	.padding-horizontal-50 {
		padding: 0 1.2rem;
	}
	.margin-top-35 {
		margin-top: 1.2rem;
	}
	.padding-left-10 {
		padding-left: 8px;
	}
}

@media screen and (min-width: 1200px) {
	.padding-top-25 {
		padding-top: 25px;
	}
	.padding-top-70 {
	    padding-top: 70px;
	}
	.padding-bottom-70 {
	    padding-bottom: 70px;
	}
	.padding-horizontal-50 {
		padding: 0 50px;
	}
	.margin-top-35 {
		margin-top: 35px;
	}
	.padding-left-10 {
		padding-left: 10px;
	}
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-35 {
    padding-top: 35px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-45 {
    padding-top: 45px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-65 {
    padding-top: 65px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-3 {
    padding-bottom: 3px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-35 {
    padding-bottom: 35px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-45 {
    padding-bottom: 45px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-75 {
    padding-bottom: 75px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-3 {
    padding-left: 3px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-70 {
    padding-left: 70px !important;
}

.padding-left-80 {
    padding-left: 80px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-3 {
    padding-right: 3px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-35 {
    padding-right: 35px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-45 {
    padding-right: 45px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.padding-right-70 {
    padding-right: 70px !important;
}

.padding-right-80 {
    padding-right: 80px !important;
}

@media (max-width: 767px) {
    .padding-xs-0 {
        padding: 0 !important;
    }
}

@media (min-width: 768px) {
    .padding-sm-0 {
        padding: 0 !important;
    }
}

@media (min-width: 992px) {
    .padding-md-0 {
        padding: 0 !important;
    }
}

@media (min-width: 1200px) {
    .padding-lg-0 {
        padding: 0 !important;
    }
}

.primary-100 {
    color: #e8f1f8 !important;
}

.primary-200 {
    color: #d5e4f1 !important;
}

.primary-300 {
    color: #bcd8f1 !important;
}

.primary-400 {
    color: #a2caee !important;
}

.primary-500 {
    color: #89bceb !important;
}

.primary-600 {
    color: #62a8ea !important;
}

.primary-700 {
    color: #4e97d9 !important;
}

.primary-800 {
    color: #3583ca !important;
}

.blue-100 {
    color: #e8f1f8 !important;
}

.blue-200 {
    color: #d5e4f1 !important;
}

.blue-300 {
    color: #bcd8f1 !important;
}

.blue-400 {
    color: #a2caee !important;
}

.blue-500 {
    color: #89bceb !important;
}

.blue-600 {
    color: #62a8ea !important;
}

.blue-700 {
    color: #4e97d9 !important;
}

.blue-800 {
    color: #3583ca !important;
}

.red-100 {
    color: #ffeaea !important;
}

.red-200 {
    color: #fad3d3 !important;
}

.red-300 {
    color: #fab4b4 !important;
}

.red-400 {
    color: #fa9898 !important;
}

.red-500 {
    color: #fa7a7a !important;
}

.red-600 {
    color: #f96868 !important;
}

.red-700 {
    color: #e9595b !important;
}

.red-800 {
    color: #d6494b !important;
}

.pink-100 {
    color: #fce4ec !important;
}

.pink-200 {
    color: #ffccde !important;
}

.pink-300 {
    color: #fba9c6 !important;
}

.pink-400 {
    color: #fb8db4 !important;
}

.pink-500 {
    color: #f978a6 !important;
}

.pink-600 {
    color: #f96197 !important;
}

.pink-700 {
    color: #f44c87 !important;
}

.pink-800 {
    color: #e53b75 !important;
}

.purple-100 {
    color: #f6f2ff !important;
}

.purple-200 {
    color: #e3dbf4 !important;
}

.purple-300 {
    color: #d2c5ec !important;
}

.purple-400 {
    color: #bba7e4 !important;
}

.purple-500 {
    color: #a58add !important;
}

.purple-600 {
    color: #926dde !important;
}

.purple-700 {
    color: #7c51d1 !important;
}

.purple-800 {
    color: #6d45bc !important;
}

.indigo-100 {
    color: #edeff9 !important;
}

.indigo-200 {
    color: #dadef5 !important;
}

.indigo-300 {
    color: #bcc5f4 !important;
}

.indigo-400 {
    color: #9daaf3 !important;
}

.indigo-500 {
    color: #8897ec !important;
}

.indigo-600 {
    color: #677ae4 !important;
}

.indigo-700 {
    color: #5166d6 !important;
}

.indigo-800 {
    color: #465bd4 !important;
}

.cyan-100 {
    color: #ecf9fa !important;
}

.cyan-200 {
    color: #d3eff2 !important;
}

.cyan-300 {
    color: #baeaef !important;
}

.cyan-400 {
    color: #9ae1e9 !important;
}

.cyan-500 {
    color: #77d6e1 !important;
}

.cyan-600 {
    color: #57c7d4 !important;
}

.cyan-700 {
    color: #47b8c6 !important;
}

.cyan-800 {
    color: #37a9b7 !important;
}

.teal-100 {
    color: #ecfdfc !important;
}

.teal-200 {
    color: #cdf4f1 !important;
}

.teal-300 {
    color: #99e1da !important;
}

.teal-400 {
    color: #79d1c9 !important;
}

.teal-500 {
    color: #56bfb5 !important;
}

.teal-600 {
    color: #3aa99e !important;
}

.teal-700 {
    color: #269b8f !important;
}

.teal-800 {
    color: #178d81 !important;
}

.green-100 {
    color: #e7faf2 !important;
}

.green-200 {
    color: #bfedd8 !important;
}

.green-300 {
    color: #9fe5c5 !important;
}

.green-400 {
    color: #7dd3ae !important;
}

.green-500 {
    color: #5cd29d !important;
}

.green-600 {
    color: #46be8a !important;
}

.green-700 {
    color: #36ab7a !important;
}

.green-800 {
    color: #279566 !important;
}

.light-green-100 {
    color: #f1f7ea !important;
}

.light-green-200 {
    color: #e0ecd1 !important;
}

.light-green-300 {
    color: #cadfb1 !important;
}

.light-green-400 {
    color: #bad896 !important;
}

.light-green-500 {
    color: #acd57c !important;
}

.light-green-600 {
    color: #9ece67 !important;
}

.light-green-700 {
    color: #83b944 !important;
}

.light-green-800 {
    color: #70a532 !important;
}

.yellow-100 {
    color: #fffae7 !important;
}

.yellow-200 {
    color: #f9eec1 !important;
}

.yellow-300 {
    color: #f6e7a9 !important;
}

.yellow-400 {
    color: #f8e59b !important;
}

.yellow-500 {
    color: #f7e083 !important;
}

.yellow-600 {
    color: #f7da64 !important;
}

.yellow-700 {
    color: #f9cd48 !important;
}

.yellow-800 {
    color: #fbc02d !important;
}

.orange-100 {
    color: #fff3e6 !important;
}

.orange-200 {
    color: #ffddb9 !important;
}

.orange-300 {
    color: #fbce9d !important;
}

.orange-400 {
    color: #f6be80 !important;
}

.orange-500 {
    color: #f4b066 !important;
}

.orange-600 {
    color: #f2a654 !important;
}

.orange-700 {
    color: #ec9940 !important;
}

.orange-800 {
    color: #e98f2e !important;
}

.brown-100 {
    color: #fae6df !important;
}

.brown-200 {
    color: #e2bdaf !important;
}

.brown-300 {
    color: #d3aa9c !important;
}

.brown-400 {
    color: #b98e7e !important;
}

.brown-500 {
    color: #a17768 !important;
}

.brown-600 {
    color: #8d6658 !important;
}

.brown-700 {
    color: #7d5b4f !important;
}

.brown-800 {
    color: #715146 !important;
}

.grey-100 {
    color: #fafafa !important;
}

.grey-200 {
    color: #eee !important;
}

.grey-300 {
    color: #e0e0e0 !important;
}

.grey-400 {
    color: #bdbdbd !important;
}

.grey-500 {
    color: #9e9e9e !important;
}

.grey-600 {
    color: #757575 !important;
}

.grey-700 {
    color: #616161 !important;
}

.grey-800 {
    color: #424242 !important;
}

.blue-grey-100 {
    color: #f3f7f9 !important;
}

.blue-grey-200 {
    color: #e4eaec !important;
}

.blue-grey-300 {
    color: #ccd5db !important;
}

.blue-grey-400 {
    color: #a3afb7 !important;
}

.blue-grey-500 {
    color: #76838f !important;
}

.blue-grey-600 {
    color: #526069 !important;
}

.blue-grey-700 {
    color: #37474f !important;
}

.blue-grey-800 {
    color: #263238 !important;
}

.bg-primary-100 {
    background-color: #e8f1f8 !important;
}

.bg-primary-200 {
    background-color: #d5e4f1 !important;
}

.bg-primary-300 {
    background-color: #bcd8f1 !important;
}

.bg-primary-400 {
    background-color: #a2caee !important;
}

.bg-primary-500 {
    background-color: #89bceb !important;
}

.bg-primary-600 {
    background-color: #62a8ea !important;
}

.bg-primary-700 {
    background-color: #4e97d9 !important;
}

.bg-primary-800 {
    background-color: #3583ca !important;
}

.bg-blue-100 {
    background-color: #e8f1f8 !important;
}

.bg-blue-200 {
    background-color: #d5e4f1 !important;
}

.bg-blue-300 {
    background-color: #bcd8f1 !important;
}

.bg-blue-400 {
    background-color: #a2caee !important;
}

.bg-blue-500 {
    background-color: #89bceb !important;
}

.bg-blue-600 {
    background-color: #62a8ea !important;
}

.bg-blue-700 {
    background-color: #4e97d9 !important;
}

.bg-blue-800 {
    background-color: #3583ca !important;
}

.bg-red-100 {
    background-color: #ffeaea !important;
}

.bg-red-200 {
    background-color: #fad3d3 !important;
}

.bg-red-300 {
    background-color: #fab4b4 !important;
}

.bg-red-400 {
    background-color: #fa9898 !important;
}

.bg-red-500 {
    background-color: #fa7a7a !important;
}

.bg-red-600 {
    background-color: #f96868 !important;
}

.bg-red-700 {
    background-color: #e9595b !important;
}

.bg-red-800 {
    background-color: #d6494b !important;
}

.bg-pink-100 {
    background-color: #fce4ec !important;
}

.bg-pink-200 {
    background-color: #ffccde !important;
}

.bg-pink-300 {
    background-color: #fba9c6 !important;
}

.bg-pink-400 {
    background-color: #fb8db4 !important;
}

.bg-pink-500 {
    background-color: #f978a6 !important;
}

.bg-pink-600 {
    background-color: #f96197 !important;
}

.bg-pink-700 {
    background-color: #f44c87 !important;
}

.bg-pink-800 {
    background-color: #e53b75 !important;
}

.bg-purple-100 {
    background-color: #f6f2ff !important;
}

.bg-purple-200 {
    background-color: #e3dbf4 !important;
}

.bg-purple-300 {
    background-color: #d2c5ec !important;
}

.bg-purple-400 {
    background-color: #bba7e4 !important;
}

.bg-purple-500 {
    background-color: #a58add !important;
}

.bg-purple-600 {
    background-color: #926dde !important;
}

.bg-purple-700 {
    background-color: #7c51d1 !important;
}

.bg-purple-800 {
    background-color: #6d45bc !important;
}

.bg-indigo-100 {
    background-color: #edeff9 !important;
}

.bg-indigo-200 {
    background-color: #dadef5 !important;
}

.bg-indigo-300 {
    background-color: #bcc5f4 !important;
}

.bg-indigo-400 {
    background-color: #9daaf3 !important;
}

.bg-indigo-500 {
    background-color: #8897ec !important;
}

.bg-indigo-600 {
    background-color: #677ae4 !important;
}

.bg-indigo-700 {
    background-color: #5166d6 !important;
}

.bg-indigo-800 {
    background-color: #465bd4 !important;
}

.bg-cyan-100 {
    background-color: #ecf9fa !important;
}

.bg-cyan-200 {
    background-color: #d3eff2 !important;
}

.bg-cyan-300 {
    background-color: #baeaef !important;
}

.bg-cyan-400 {
    background-color: #9ae1e9 !important;
}

.bg-cyan-500 {
    background-color: #77d6e1 !important;
}

.bg-cyan-600 {
    background-color: #57c7d4 !important;
}

.bg-cyan-700 {
    background-color: #47b8c6 !important;
}

.bg-cyan-800 {
    background-color: #37a9b7 !important;
}

.bg-teal-100 {
    background-color: #ecfdfc !important;
}

.bg-teal-200 {
    background-color: #cdf4f1 !important;
}

.bg-teal-300 {
    background-color: #99e1da !important;
}

.bg-teal-400 {
    background-color: #79d1c9 !important;
}

.bg-teal-500 {
    background-color: #56bfb5 !important;
}

.bg-teal-600 {
    background-color: #3aa99e !important;
}

.bg-teal-700 {
    background-color: #269b8f !important;
}

.bg-teal-800 {
    background-color: #178d81 !important;
}

.bg-green-100 {
    background-color: #e7faf2 !important;
}

.bg-green-200 {
    background-color: #bfedd8 !important;
}

.bg-green-300 {
    background-color: #9fe5c5 !important;
}

.bg-green-400 {
    background-color: #7dd3ae !important;
}

.bg-green-500 {
    background-color: #5cd29d !important;
}

.bg-green-600 {
    background-color: #46be8a !important;
}

.bg-green-700 {
    background-color: #36ab7a !important;
}

.bg-green-800 {
    background-color: #279566 !important;
}

.bg-light-green-100 {
    background-color: #f1f7ea !important;
}

.bg-light-green-200 {
    background-color: #e0ecd1 !important;
}

.bg-light-green-300 {
    background-color: #cadfb1 !important;
}

.bg-light-green-400 {
    background-color: #bad896 !important;
}

.bg-light-green-500 {
    background-color: #acd57c !important;
}

.bg-light-green-600 {
    background-color: #9ece67 !important;
}

.bg-light-green-700 {
    background-color: #83b944 !important;
}

.bg-light-green-800 {
    background-color: #70a532 !important;
}

.bg-yellow-100 {
    background-color: #fffae7 !important;
}

.bg-yellow-200 {
    background-color: #f9eec1 !important;
}

.bg-yellow-300 {
    background-color: #f6e7a9 !important;
}

.bg-yellow-400 {
    background-color: #f8e59b !important;
}

.bg-yellow-500 {
    background-color: #f7e083 !important;
}

.bg-yellow-600 {
    background-color: #f7da64 !important;
}

.bg-yellow-700 {
    background-color: #f9cd48 !important;
}

.bg-yellow-800 {
    background-color: #fbc02d !important;
}

.bg-orange-100 {
    background-color: #fff3e6 !important;
}

.bg-orange-200 {
    background-color: #ffddb9 !important;
}

.bg-orange-300 {
    background-color: #fbce9d !important;
}

.bg-orange-400 {
    background-color: #f6be80 !important;
}

.bg-orange-500 {
    background-color: #f4b066 !important;
}

.bg-orange-600 {
    background-color: #f2a654 !important;
}

.bg-orange-700 {
    background-color: #ec9940 !important;
}

.bg-orange-800 {
    background-color: #e98f2e !important;
}

.bg-brown-100 {
    background-color: #fae6df !important;
}

.bg-brown-200 {
    background-color: #e2bdaf !important;
}

.bg-brown-300 {
    background-color: #d3aa9c !important;
}

.bg-brown-400 {
    background-color: #b98e7e !important;
}

.bg-brown-500 {
    background-color: #a17768 !important;
}

.bg-brown-600 {
    background-color: #8d6658 !important;
}

.bg-brown-700 {
    background-color: #7d5b4f !important;
}

.bg-brown-800 {
    background-color: #715146 !important;
}

.bg-grey-100 {
    background-color: #fafafa !important;
}

.bg-grey-200 {
    background-color: #eee !important;
}

.bg-grey-300 {
    background-color: #e0e0e0 !important;
}

.bg-grey-400 {
    background-color: #bdbdbd !important;
}

.bg-grey-500 {
    background-color: #9e9e9e !important;
}

.bg-grey-600 {
    background-color: #757575 !important;
}

.bg-grey-700 {
    background-color: #616161 !important;
}

.bg-grey-800 {
    background-color: #424242 !important;
}

.bg-blue-grey-100 {
    background-color: #f3f7f9 !important;
}

.bg-blue-grey-200 {
    background-color: #e4eaec !important;
}

.bg-blue-grey-300 {
    background-color: #ccd5db !important;
}

.bg-blue-grey-400 {
    background-color: #a3afb7 !important;
}

.bg-blue-grey-500 {
    background-color: #76838f !important;
}

.bg-blue-grey-600 {
    background-color: #526069 !important;
}

.bg-blue-grey-700 {
    background-color: #37474f !important;
}

.bg-blue-grey-800 {
    background-color: #263238 !important;
}

.black {
    color: #000 !important;
}

.white {
    color: #fff !important;
}

.bg-white {
    color: #76838f;
    background-color: #fff;
}

.bg-primary {
    color: #fff;
    background-color: #62a8ea;
}

.bg-primary:hover {
    background-color: #8fc1f0;
}

.bg-primary a,
a.bg-primary {
    color: #fff;
}

.bg-primary a:hover,
a.bg-primary:hover {
    color: #fff;
}

.bg-success {
    color: #fff;
    background-color: #46be8a;
}

.bg-success:hover {
    background-color: #6ccba2;
}

.bg-success a,
a.bg-success {
    color: #fff;
}

.bg-success a:hover,
a.bg-success:hover {
    color: #fff;
}

.bg-info {
    color: #fff;
    background-color: #57c7d4;
}

.bg-info:hover {
    background-color: #80d5de;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-70 {
    font-size: 70px !important;
}